<ui:composition template="template/template.xhtml"
                 xmlns="http://www.w3.org/1999/xhtml"  
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:rich="http://richfaces.org/rich" >

    <ui:define name="conteudo">

        <h:form>

            <h:outputText value="Consulta Fluxo de Caixa" styleClass="tituloPagina" />
            
            <div  class="imagemImprimir" id="print">
                <h:commandButton onclick="javascript:window.print()"  image="/estatico/images/botao_imprimir.gif" value="Imprimir"/>
            </div>

            
            <fieldset id="formPesquisa">
               
                <legend> <h:outputText value=" Filtro " styleClass="tituloPagina" /></legend>
                <ul >
                    <li> 

                        <label for="tipo">Registro</label>
                            <h:selectOneMenu value="#{fluxoDeCaixaMB.filtroTipoRegistro}" styleClass="comboFiltro" >
                             <f:selectItem itemLabel="- Todos- " itemValue="" />	
                             <f:selectItem itemLabel="Despesas" itemValue="D" />
                             <f:selectItem itemLabel="Receita" itemValue="R" />
                             <f:ajax  render="panel2 panel3"/> 
                           </h:selectOneMenu>
                              
                         <label for="desc">Palavra Chave</label>
                         <h:inputText id="desc" styleClass="palavraChaveFiltro" value="#{fluxoDeCaixaMB.filtroPalavraChave}" />
                       
                         
                        <label for="dataPessoa">Periodo</label>
                           <rich:calendar id="dataPessoa" value="#{fluxoDeCaixaMB.filtroDataInicio}"    inputSize="11"   datePattern="dd/MM/yyyy" />
                            a
                            <rich:calendar id="dataPessoaFim"  value="#{fluxoDeCaixaMB.filtroDataFim}"  inputSize="11"   datePattern="dd/MM/yyyy" />
                    </li>  
                    <li>
                        
                    <h:panelGroup id="panel2">
                        <h:panelGroup  rendered="#{fluxoDeCaixaMB.filtroTipoRegistro==fluxoDeCaixaMB.receita}"  >    
                            <label for="valor">Receita</label>
                                <h:selectOneMenu value="#{fluxoDeCaixaMB.filtroTipoReceita}" styleClass="comboFiltro"  >
                                    <f:selectItem itemLabel="- Qualquer - " itemValue="" />	
                                    <f:selectItem itemLabel="Lucro" itemValue="L" />
                                    <f:selectItem itemLabel="Investimento" itemValue="I" />
                                    <f:ajax render="panel3"/> 
                                </h:selectOneMenu>
                         </h:panelGroup>
                    </h:panelGroup>
 
                    <h:panelGroup id="panel3">
                        <h:panelGroup  rendered="#{fluxoDeCaixaMB.filtroTipoRegistro==fluxoDeCaixaMB.receita and fluxoDeCaixaMB.filtroTipoReceita==fluxoDeCaixaMB.investimento}"   > 
                            <label for="investidor">Investidor</label>
                            <h:selectOneMenu id="investidor" value="#{fluxoDeCaixaMB.filtroInvestidor}" styleClass="tamanhoNomePessoa_combo" >
                                <f:selectItem itemLabel="- Todos - " itemValue="" />	
                                <f:selectItems value="#{receitasMB.listaInvestidores}" var="p" itemLabel="#{p.nome}" itemValue="#{p.id}"/>
                            </h:selectOneMenu>
                        </h:panelGroup>
                    </h:panelGroup>   
                          
                    
                    </li>
                    
                      <li class="linhaBotao" >
                        <h:commandButton value="Pesquisar"  action="#{fluxoDeCaixaMB.pesquisar}" styleClass="botaoPadrao" />
                        
                    </li>
         
              
                </ul>

            </fieldset>
           
             <rich:dataTable id="investidores" value="#{fluxoDeCaixaMB.listaRegistrosCaixa}" var="i" styleClass="tabela" rowClasses="tb_linha1, tb_linha2" headerClass="tb_header">

                <rich:column styleClass="tb_coluna_p">

                    <f:facet name="header">
                        <h:outputText value="Data"/>
                        
                    </f:facet>

                    <h:outputText value="#{i.dataOperacao}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </rich:column>

                <rich:column styleClass="tb_coluna_p">

                    <f:facet name="header">
                        <h:outputText value="Valor"/>
                    </f:facet>

                    <h:outputText value="#{i.valor}" rendered="#{i.tipoRegistroCaixa==fluxoDeCaixaMB.receita}" styleClass="linhaReceita">
                        <f:convertNumber pattern="+ R$ ####.00" />
                    </h:outputText>    
                    
                    <h:outputText value="#{i.valor}" rendered="#{i.tipoRegistroCaixa==fluxoDeCaixaMB.despesa}" styleClass="linhaDespesa">
                        <f:convertNumber pattern="- R$ ####.00" />
                    </h:outputText>    

                </rich:column>

                <rich:column>

                    <f:facet name="header">
                        <h:outputText value="Descrição"/>
                    </f:facet>

                    
                    <h:outputText value="Entrada de Lucros. " rendered="#{i.origemReceita==fluxoDeCaixaMB.lucro and i.tipoRegistroCaixa==fluxoDeCaixaMB.receita}"/>
                    
                    <h:outputText value="Investimento de #{i.investidor.nome}. "  rendered="#{i.tipoRegistroCaixa==fluxoDeCaixaMB.receita and i.origemReceita==fluxoDeCaixaMB.investimento }"/>
                    
                    <h:outputText value="#{i.observacao}"/>

                </rich:column>


                <f:facet name="footer">

                    <rich:columnGroup rendered="#{!empty fluxoDeCaixaMB.listaRegistrosCaixa }">
                        <rich:column>Total</rich:column>
                        <rich:column >
                            <h:outputText value="#{fluxoDeCaixaMB.total.totalValor}" >
                                <f:convertNumber pattern="R$ #,##0.00" minFractionDigits="2" />
                            </h:outputText>
                        </rich:column>
                        <rich:column />
                    </rich:columnGroup>
                    
                </f:facet>


            </rich:dataTable>
            
             <div align="center"  >
                 <h:outputText value=" Lista Vazia "  styleClass="mensagemListaVazia" rendered="#{empty fluxoDeCaixaMB.listaRegistrosCaixa }"   />
             </div>   


       
        </h:form>

    </ui:define>
</ui:composition>